<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>服务项目选择</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png" />
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../../assets/css/basic.css" />
    <link rel="stylesheet" href="../../assets/css/app.css" />
    <style>
        body{ background-color: #fff; }
        .am-accordion-default{ margin: 0 }
        .am-accordion-default .am-accordion-title{ color: #333; }
        dd{ background-color: #fff; }
        .am-accordion-content{ padding: 0rem 1rem 0.5rem}
        .am-list li.am-g{ border: none; margin: 0; border-bottom: 1px solid #dedede; }
        .am-list li.last{ border: none; }
        .am-list li a{ color: #333333; }
        .am-list li a span{ display: inline-block; text-align: center; margin-bottom: 0; }
        .am-list li a span.car-crad{ width: 40%; }
        .am-list li a span.car-pro{ width: 65%; }
        li.am-list-item-dated span.right{ margin: 0; }
    </style>
</head>
<body>
<section data-am-widget="accordion" class="am-accordion am-accordion-default">
    <dl class="am-accordion-item am-active">
        <dt class="am-accordion-title">洗车美容（4）</dt>
        <dd class="am-accordion-bd am-collapse am-in">
            <div class="am-accordion-content">
                <!-- 内容 -->
                <ul class="am-list">
                    <li class="am-g am-list-item-dated">
                        <a href="#" class="am-list-item-hd">
                            <span class="am-text-lg am-list car-crad">车牌</span>
                            <span class="am-text-lg am-list car-pro">产品</span>
                        </a>
                    </li>
                </ul>

                <ul class="am-list">
                    <li class="am-g am-list-item-dated">
                        <a href="#" class="am-list-item-hd">
                            <span class="am-text-sm am-list car-crad">粤B747N</span>
                            <span class="am-text-sm am-list car-pro">快快极致打蜡洗车</span>
                            <span class="am-list-date right"></span>
                        </a>
                    </li>

                    <li class="am-g am-list-item-dated last">
                        <a href="#" class="am-list-item-hd">
                            <span class="am-text-sm am-list car-crad">粤B747N</span>
                            <span class="am-text-sm am-list car-pro">快快极致打蜡洗车</span>
                            <span class="am-list-date right"></span>
                        </a>
                    </li>
                </ul>
            </div>
        </dd>
    </dl>
    <dl class="am-accordion-item">
        <dt class="am-accordion-title">保养维修</dt>
        <dd class="am-accordion-bd am-collapse ">
            <div class="am-accordion-content">
                期待ing...
            </div>
        </dd>
    </dl>
    <dl class="am-accordion-item">
        <dt class="am-accordion-title">机修</dt>
        <dd class="am-accordion-bd am-collapse ">
            <div class="am-accordion-content">
                期待ing...
            </div>
        </dd>
    </dl>
</section>

<section id="busi-main">
    <div data-tab="tabs" class="am-tabs-default">
        <ul class="am-tabs-nav am-cf am-topbar-fixed-bottom">
            <li class="">
                <a href="./">客户</a>
            </li>
            <li class="am-active">
                <a href="./">订单</a>
            </li>
            <li class="">
                <a href="./">车辆</a>
            </li>
            <li class="last">
                <a href="#">设置</a>
            </li>
        </ul>
    </div>
</section>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../../assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="../../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../../assets/js/handlebars.min.js" type="text/javascript"></script>
</body>
</html>